<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
		<meta name="renderer" content="webkit"/>
		<meta name="force-rendering" content="webkit"/>
		<title>邀请好友</title>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/popup.css"/>
		<script src="js/config.js"></script>
		<script src="js/jquery-1.8.1.min.js"></script>
	</head>
	<body>
		<div class="yaoqinghaoyou">
			<img src="img/wode/yaoqinghaoyou_02.png" class="yqhy-img" />
			<img src="img/wode/yaoqinghaoyou_03.png"  class="yqhy-img" />
			<img src="img/wode/yaoqinghaoyou_04.png"  class="yqhy-img" />
			<div class="ljyq-btn">
				立即邀请
			</div>
			<img src="img/wode/yaoqinghaoyou_06.png" class="yqhy-img"/>
			<div class="xinshourenwu">
				<div class="xinshourenwu-cells">
					<div class="xinshourenwu-cell-list d-f a-c-c j-c-s">
						<div class="xinshourenwu-list-body">
							<p class="xinshourenwu-title">首次分享视频</p>
							<p class="xinshourenwu-text">完成任务奖励<span class="red">20积分</span></p>
						</div>
						<div class="xinshourenwu-list-wancheng">
							<a href="javascript:;" class="wancheng-btn">去完成</a>
						</div>
					</div>
					<div class="xinshourenwu-cell-list d-f a-c-c j-c-s">
						<div class="xinshourenwu-list-body">
							<p class="xinshourenwu-title">邀请的好友首次打卡</p>
							<p class="xinshourenwu-text">完成任务奖励<span class="red">100积分</span></p>
						</div>
						<div class="xinshourenwu-list-wancheng">
							<a href="javascript:;" class="wancheng-btn">去完成</a>
						</div>
					</div>
				</div>
			</div>
			<img src="img/wode/yaoqinghaoyou_08.png"  class="yqhy-img" />
			<div class="yaoqingjilu">
				<div class="yaoqingjilu-cont d-f a-c-c">
					<div class="yaoqingrenshu">
						<p class="yaoqingrenshu-tit">您已邀请<br/>好友数</p>
						<p class="yqrs-all">2</p>
						<div class="jfjb">积分奖励加倍</div>
					</div>
					<div class="yaoqingjilu-body flex1">
						<div class="yaoqingjilu-xq-list">
							<p class="yaoqingjilu-xq-tit">好友新手期打卡次数</p>
							<p class="yaoqingjilu-xq-shuju">18</p>
						</div>
						<div class="yaoqingjilu-xq-list">
							<p class="yaoqingjilu-xq-tit">你的邀请奖励</p>
							<p class="yaoqingjilu-xq-shuju red">+200</p>
						</div>
						<div class="yaoqingjilu-xq-list">
							<p class="yaoqingjilu-xq-tit">好友学习奖励积分&nbsp;&nbsp;</p>
							<p class="yaoqingjilu-xq-shuju">299</p>
						</div>
						<div class="yaoqingjilu-xq-list">
							<p class="yaoqingjilu-xq-tit">持续分红</p>
							<p class="yaoqingjilu-xq-shuju red">+30</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
